/**
 * 学习目标：使用 react - 使用函数创建组件
 * 创建
 *  1. 组件名称必须大写开头
 *  2. 函数必须返回内容，如果不需要渲染内容，可以返回null，在react18之前，返回 undefined 会报错
 */
import React from 'react';
import ReactDOM from 'react-dom';

function Hello() {
  return <div>我是Hello</div>;
}

// 如果不需要渲染内容，直接返回 null
function Hi() {
  return null;
}

// ❌ 表达式，不能把我叫做 函数组件
function hello() {
  return <h1>我是hello</h1>;
}

const divNode = (
  <>
    <Hello></Hello>
    <Hi></Hi>

    {/* 表达式的写法 */}
    {hello()}
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
